<template>
  <div>
    <h1>SubNumber</h1>
    <button @click="sub">👶</button>
    <h1>{{ num }}</h1>
  </div>
</template>
<script>
  // 导入组件
  import {mapState} from 'vuex'
  export default {
    // name:'SubNumber',
    // 注册组件
    components: {
     },
    // 实例属性
    name: 'APP',
    // 数据
    data () {
      return {
       }
     },
     // 实例方法
     methods: {
        sub(){
            this.$store.dispatch('sub')
        }
     },
     // 计算属性
     computed: {
        ...mapState({num:'num'})
     },
     // 创建后（只能访问数据，不能操作dom）
     created () {
     },
     // 挂载后（既能访问数据，也能操作dom）
     mounted () {
     },
     // 过滤器
     filters: {
     }
  }
</script>
<style lang="less" scoped>

</style>
